<template>
  <div class="home">
    <div class="page flex-col">
    <div class="bd1 flex-col">
      <div class="bd2 flex-row">
        <span class="info1">9:41</span>
        <img
          class="label1"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1be20f0eced1f466b6b4dc3a981fc6b52a4b9cf391debed94bcf2e01f7c38668"
        />
        <div class="wrap1 flex-col"></div>
        <img
          class="label2"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga05957db16243a63d7c74f823baeb36bbafa63e1b3e30902724223c367fb5eeb"
        />
      </div>
      <div class="bd3 flex-col">
        <div class="outer1 flex-row">
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga89d07b589623ae8f8494da98cac727cf4bb444a422dffa736c192a2fd884789"
          />
          <span class="word1">转出页面标题</span>
        </div>
      </div>
      <div class="bd4 flex-col">
        <div class="mod1 flex-col">
          <div class="block1 flex-row">
            <div class="section1 flex-col">
              <img
                class="icon2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7165d29ae03ff6a01662147fcbd7d0ef6a80421bf845c238bb9628bcc690b198"
              />
            </div>
            <div class="section2 flex-col">
              <span class="word2">昵称昵称昵称</span>
              <span class="txt1">2小时前</span>
            </div>
            <div class="section3 flex-col">
              <img
                class="icon3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng467f479d4598d35f46992fd4bf50099c0772278b7a8716aaffaca3237c2c090c"
              />
            </div>
            <button class="section4 flex-col" @click="onClick_1">
              <span class="info2">关注</span>
            </button>
          </div>
          <span class="word3">
            内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容
          </span>
          <div class="block2 flex-col">
            <img
              class="img1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng50472eb0b1e1157478d1c1640889415015f1b6d6a6bc8f77973c096497b3dfe5"
            />
          </div>
          <div class="block3 flex-col">
            <div class="mod2 flex-row">
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1ef5ea31ab11226439d21596eecebdd757a76c562a302783e11c6f6ed9fb8a45"
              />
              <span class="txt2">话题话题话题</span>
            </div>
          </div>
          <div class="block4 flex-row">
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng593bd1b2771c527f7dd13cce900b7b870e86790958415e8dd3ac1e6ed75d9932"
            />
            <span class="txt3">广州</span>
            <img
              class="icon6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc44cadcbe426b96dcf3cfd22ef3472190bb8b940fb0f5630c47bb843d5c88de4"
            />
            <span class="word4">1.2w</span>
            <img
              class="icon7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng9ae17b6f07f37d7de5cbc1595ded0111c4071c34760f650c3d85f7fe671c4fc9"
            />
            <span class="info3">231</span>
            <img
              class="icon8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng90305392bfec244e42dd87018d13757a1cf39d9f40465c6b51c7879c53a42a28"
            />
          </div>
        </div>
      </div>
      <div class="bd5 flex-col"></div>
      <div class="bd6 flex-col">
        <div class="bd7 flex-col">
          <div class="wrap2 flex-row">
            <div class="section5 flex-col">
              <img
                class="icon9"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng71d020c67d0a34b22c6597576269caae5d8c88107d3f96e51c725a1b38486d23"
              />
            </div>
            <span class="info4">音书APP</span>
            <button class="section6 flex-col" @click="onClick_2">
              <span class="info5">下载</span>
            </button>
          </div>
          <img
            class="img2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcbdc993371a4c1669a386dab957c8292fde826a035ab39b091861607f474d0c0"
          />
        </div>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
// @ is an alias to /src


export default {
  name: 'Home',
  components: {
    
  },
  data() {
    return {
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    }
  }
}
</script>
<style scoped>
.page {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 812px;
  background-color: rgba(243, 249, 255, 1);
  overflow: hidden;
  justify-content: flex-end;
  padding-bottom: 0;
}

</style>
